<template>
  <div>
    <Tabs>
      <TabPane label="用户人数">
        <item-one ref="one"></item-one>
      </TabPane>
      <TabPane label="用户活跃度">
        <item-two ref="two"></item-two>
      </TabPane>
      <TabPane label="打卡课消">
        <item-three ref="three"></item-three>
      </TabPane>
      <TabPane label="作业点评">
        <item-four ref="four"></item-four>
      </TabPane>
    </Tabs>
  </div>
</template>
<script>
import ItemOne from './components/one/index'
import ItemTwo from './components/two/index'
import ItemThree from './components/three/index'
import ItemFour from './components/four/index'
export default {
  name: 'operational-data',
  components: {
    ItemOne,
    ItemTwo,
    ItemThree,
    ItemFour
  },
  methods: {
    init (school_id) {
      this.$refs['one'].init(school_id)
      this.$refs['two'].init(school_id)
      this.$refs['three'].init(school_id)
      this.$refs['four'].init(school_id)
    }
  }
}
</script>
